<script>
	export default {
		async onLaunch() {
			// #ifdef H5
				let me = this;
				var bsc =  await me.He.bscInit();
				console.log(!bsc._client)
				if(!bsc._client){
					uni.navigateTo({
						url:'/pages/index/nowallet'
					})
					return;
				} 
			// #endif
			
			
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/*每个页面公共css */
	@font-face {
	  font-family: 'iconfont';  /* project id 2329078 */
	  src: url('https://at.alicdn.com/t/font_2329078_5656kzoctmb.eot');
	  src: url('https://at.alicdn.com/t/font_2329078_5656kzoctmb.eot?#iefix') format('embedded-opentype'),
	  url('https://at.alicdn.com/t/font_2329078_5656kzoctmb.woff2') format('woff2'),
	  url('https://at.alicdn.com/t/font_2329078_5656kzoctmb.woff') format('woff'),
	  url('https://at.alicdn.com/t/font_2329078_5656kzoctmb.ttf') format('truetype'),
	  url('https://at.alicdn.com/t/font_2329078_5656kzoctmb.svg#iconfont') format('svg');
	}
	
	.iconfont {
		font-family: "iconfont" !important;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke-width: 0.2px;
		-moz-osx-font-smoothing: grayscale;
	}
	
	/*按钮*/
	
	.confirm {
		width: 100%;
		margin: 0 auto;
		height: 14vw;
		line-height: 14vw;
		text-align: center;
		font-size: 4.5vw;
		color: #fff;
		background: linear-gradient(to right, #45C324, #81E23D);
		margin-top: 10vw;
		border-radius: 3vw;
		font-weight: bold;
	}
	
	page{
		background-color: #1B1B1B;
		height: 100%;
	}
	
	view{
		box-sizing: border-box;
	}
	
	.clear_box {
		height: 20vw;
	}
	
	image{
		height: auto;
		display: block;
		margin: 0 auto;
	}

	.header {
		width: 100%;
		height: 20vw;
		padding: 0 4%;
		display: flex;
		align-items: center;
		background-color: #1B1B1B;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 998;
		box-sizing: border-box;
	}
	
	.header .signin {
		width: 18vw;
		height: 9vw;
		line-height: 9vw;
		border-radius: 1vw;
		text-align: center;
		font-size: 3.5vw;
		font-weight: bold;
		color: #fff;
		text-align: center;
		background: linear-gradient(to right, #45C324, #81E23D);
		margin-left: 2vw;
	}
	
	.header .copy {
		width: 18vw;
		height: 9vw;
		line-height: 9vw;
		border-radius: 1vw;
		text-align: center;
		font-size: 3.5vw;
		font-weight: bold;
		color: #fff;
		text-align: center;
		background: linear-gradient(to right, #45C324, #81E23D);
		margin-left: 3vw;
		margin-right: 3vw;
	}
	
	.header .signin02{
		width: 8vw;
		margin-left: 2vw;
	}
	
	.header .signin02 image{
		width: 100%;
	}
	
	.header .logo {
		width: 12vw;
		text-align: center;
	}
	
	.header .logo image{
		width: 100%;
	}
	
	.header .back {
		font-size: 4vw;
		line-height: 15vw;
		color: #fff;
		width: 10vw;
	}
	
	
	.header .title {
		font-size: 4.5vw;
		font-weight: bold;
		line-height: 15vw;
		color: #fff;
		flex: 1;
		text-align: center;
	}
	
	.header .text {
		font-size: 3.5vw;
		color: #fff;
		flex: 1;
		display: flex;		
		margin-left: 3vw;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
		overflow-x: auto;
	}
	

	
	.header .lang {
		width: 9vw;
		text-align: center;
	}
	
	.header .lang image{
		width: 100%;
	}
	
	.header .more {
		width: 10vw;
		text-align: center;
		margin-left: 2vw;
	}
	
	.header .more image{
		width: 100%;
	}
	
	.header .icon {
		font-size: 5.5vw;
		color: #fff;
		width: 10vw;
		text-align: right;
		line-height: 15vw;
		position: relative;
	}
	
	.header .bsc_box{	
		margin-right: 3vw;
		background-color: #424441;
		border-radius: 9vw;
		padding-right: 4vw;
	}
	
	.header .bsc_box .bsc_auto{
		display: flex;
		align-items: center;
	}
	
	.header .bsc_box .bsci{
		width: 9vw;
		height: 9vw;
		border-radius: 50%;
		margin-right: 1vw;
	}
	
	.header .bsc_box .bsci image{
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}
	
	.header .bsc_box .bsc{
		height: 100%;
		font-size: 3.5vw;
		color: #fff;
		font-weight: bold;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	
	.scrollStyle {
		background-color: #1B1B1B !important;
	}
	
	.scrollStyle02 {
		background-image: -moz-linear-gradient( 90deg, rgb(47,64,113) 0%, rgb(64,85,144) 100%) !important;
		background-image: -webkit-linear-gradient( 90deg, rgb(47,64,113) 0%, rgb(64,85,144) 100%) !important;
		background-image: -ms-linear-gradient( 90deg, rgb(47,64,113) 0%, rgb(64,85,144) 100%) !important;
	}
	
	.content_box{
		padding-bottom: 10vw;
	}
	
	
	
	.nav_pupu {
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .5);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 999;
	}
	
	.nav_pupu .nav_box {
		width: 50%;
		height: 100%;
		position: absolute;
		right: 0;
		top: 0;
		background-color: #1B1B1B;
		padding-top: 20vw;
		padding-left: 3vw;
		display: flex;
		transition: .8s;
	}
	
	.nav_pupu .nav_index {
		right: -85%;
	}
	
	.nav_pupu .nav_box .close {
		width: 13.5vw;
		height: 13.5vw;
		font-size: 5vw;
		color: #fff;
		text-align: right;
		position: absolute;
		right: 4vw;
		top: 4vw;
	}
	
	.nav_pupu .nav_box .nav_list {
		flex: 1;
	}
	
	.nav_pupu .nav_box .nav_list .list {
		width: calc(100% - 8%);
		padding: 0 4%;
		height: 18vw;
		display: flex;
		align-items: center;
	}
	
	.nav_pupu .nav_box .nav_list .list .icon{
		width: 5vw;
		margin-right: 2vw;
	}
	
	.nav_pupu .nav_box .nav_list .list .icon image{
		width: 100%;
	}
	
	.nav_pupu .nav_box .nav_list .list .name{
		font-size: 4vw;
		color: #fff;
		font-weight: bold;
		flex: 1;
	}
	
	.nav_pupu .nav_box .nav_list .list .arrow{
		font-size: 4vw;
		color: #fff;
		text-align: right;
	}
	
	.nav_pupu .nav_box .nav_bg {
		width: 45vw;
	
	}
	
	.nav_pupu .nav_box .nav_bg image {
		width: 100%;
		height: auto;
	}
	
	
	/* 弹窗 */
	.pupu_box{
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .5);
		position: fixed;
		left: 0;
		top: 0;
		z-index: 999;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.pupu_box .pupu_show{
		width: 86%;
		background-color: #212121;
		border-radius: 6vw;
		padding: 5vw 4vw;
		box-sizing: border-box;
	}
	
	
	.pupu_box .pupu_show .title{
		font-size: 5vw;
		color: #FFFEFE;
		width: 100%;
		text-align: center;
		font-weight: bold;
	}
	
	.pupu_box .pupu_show .text{
		font-size: 3.5vw;
		color: #C0BFC4;
		width: 100%;
		font-weight: bold;
		margin-top: 5vw;
	}
	
	.pupu_box .pupu_show .input{
		width: 100%;
		height: 15vw;
		box-sizing: border-box;
		border: 1px solid #4B4B4B;
		padding: 0 3vw;
		border-radius: 5vw;
		margin-top: 3vw;
		display: flex;
		align-items: center;
	}
	
	.pupu_box .pupu_show .input input{
		height: 15vw;
		line-height: 15vw;
		font-size: 3.5vw;
		color: #C0BFC4;
		flex: 1;
	}
	
	.pupu_box .pupu_show .input select{
		height: 15vw;
		line-height: 15vw;
		font-size: 3.5vw;
		color: #C0BFC4;
		flex: 1;
		background-color: transparent !important;
		border: none !important;
	}
	
	.pupu_box .pupu_show .input .arrow{
		font-size: 4vw;
		color: #fff;
	}
	
	.pupu_box .pupu_show .menu_box{
		width: 100%;
		display: flex;
		margin-top: 5vw;
	}
	
	.pupu_box .pupu_show .menu_box .menu{
		width: 48%;
		height: 17vw;
		text-align: center;
		line-height: 17vw;
		color: #fff;
		font-size: 4.5vw;
		font-weight: bold;
		border-radius: 17vw;
	}
	
	.pupu_box .pupu_show .menu_box .menu:nth-child(1){
		background-color: #2D2D2D;
		margin-right: 4%;
	}
	
	.pupu_box .pupu_show .menu_box .menu:nth-child(2){
		background: linear-gradient(to right, #45C324, #81E23D);
	}
	
	.pupu_box .pupu_show .subscribe_img{
		width: 100%;
		text-align: center;
	}
	
	.pupu_box .pupu_show .subscribe_img image{
		width: 30%;
	}
	
	.pupu_box .pupu_show .subscribe_title{
		font-size: 5vw;
		color: #FFFEFE;
		width: 100%;
		text-align: center;
		font-weight: bold;
		margin-top: 5vw;
	}
	
	.footer{
		width: 100%;
		background-color: #232323;
		padding: 10vw 0;
	}
	
	.footer .title{
		font-size: 6.5vw;
		font-weight: bold;
		color: #fff;
		text-align: center;
	}
	
	.footer .friend_box{
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: left;
		flex-wrap: wrap;
		margin-top: 7vw;
	}
	
	.footer .friend_box::after {
		flex: auto;
		content: "";
		
	}
	
	.footer .friend_box .friend{
		height: 8vw;
		margin-left: 3vw;
		margin-top: 3vw;
		background-color: #363636;
		border-radius: 8vw;
		box-sizing: border-box;
		padding: 0 6vw;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.footer .friend_box .friend image{
		height: 50%;
		display: block;
	}
	
	.footer .other_box{
		width: 100%;
		display: flex;
		align-items: center;
		margin-top: 10vw;
	}
	
	.footer .other_box .other{
		width: 12%;
		margin-left: 4%;
		background-color: #363636;
		border-radius: 50%;
		box-sizing: border-box;
		height: 12vw;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.footer .other_box .other image{
		height: 50%;
		display: block;
	}
	
	.footer .rule_box{
		width: 92%;
		margin: 10vw auto 0;
		display: flex;
	}
	
	.footer .rule_box .rule:nth-child(2){
		flex: 1;
	}
	
	.footer .rule_box .rule .t01{
		font-size: 4.5vw;
		font-weight: bold;
		color: #fff;
	}
	
	.footer .rule_box .rule .t02{
		font-size: 3.4vw;
		font-weight: bold;
		color: #D8D8D8;
		margin-top: 4.5vw;
	}
</style>
